<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客详情页</title>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="blog_detail.css">
</head>
<body>
<!--导航栏-->
<div class="nav">
    <img src="img/whsxy.jpg" alt="">
    <div class="title">我的博客系统</div>
    <!--只是一个空白，用来把后面的链接挤过去-->
    <div class="space"></div>
    <a href="blog_list.html">主页</a>
    <a href="blog_edit.html">写博客</a>
    <a href="">注销</a>
</div>
<!--页面主体部分-->
<div class="container">
    <!--左侧信息    -->
    <div class="container-left">
        <!--        这个div表示整个用户信息的长度-->
        <div class="card">
            <img src="img/wzy.jpg"alt="">
            <!--        -->
            <h3>王正阳</h3>
            <a href="https://gitee.com/a-yang-xue-c/test-warehouse">gitee地址</a>
            <!--       -->
            <div class="counter">
                <span>文章</span>
                <span>分类</span>
            </div>
            <div class="counter">
                <span>3</span>
                <span>1</span>
            </div>
        </div>
    </div>

    <!--右侧信息    -->
    <div class="container-right">
        <h3>这是我的第一篇博客</h3>
        <div class="date">2023-05-11 20:00:00</div>
        <div class="content">
            <p>从今天起，我要认真敲代码. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla alias tenetur ut velit ex voluptatibus consequatur quam exercitationem, assumenda ea blanditiis repudiandae? Repellendus tenetur nostrum asperiores molestias doloremque cupiditate maiores.</p>
            <p>从今天起，我要认真敲代码. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla alias tenetur ut velit ex voluptatibus consequatur quam exercitationem, assumenda ea blanditiis repudiandae? Repellendus tenetur nostrum asperiores molestias doloremque cupiditate maiores.</p>
            <p>从今天起，我要认真敲代码. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla alias tenetur ut velit ex voluptatibus consequatur quam exercitationem, assumenda ea blanditiis repudiandae? Repellendus tenetur nostrum asperiores molestias doloremque cupiditate maiores.</p>
            <p>从今天起，我要认真敲代码. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla alias tenetur ut velit ex voluptatibus consequatur quam exercitationem, assumenda ea blanditiis repudiandae? Repellendus tenetur nostrum asperiores molestias doloremque cupiditate maiores.</p>
        </div>
    </div>
</div>
</body>
</html>